#bfb {
	border:none;
	width:55px;
	height:55px;
}

#bfb_button {
	position:absolute;
	top:0px;
	left:0px;	
	background:url(https://wallboard-notifier.googlecode.com/git/images/settings.png) no-repeat;
	width: 60px;
	height: 60px;
	background-size:55px 55px;
	z-index:10;
	border:none;
	
}

#bfb_button:hover {
	top:2px;
	left:2px;
}



#controls {
	-webkit-transition: all 0.5s;
	position:absolute;
	top: 0px;
	left: 0px;
	padding-top:65px;
}

.controlLabel {
	font-size:25px;
	position:relative;
	bottom: 5px;

}
.generalLabel {
	position:absolute;
	font-size:15px;
}

.slider{
	position:relative;
	width:100px;
	left: 100px;

}

.sliderSpan {
	position: relative;
	left:120px;
	top:-2px;
	font-size: 20px;
}

.shown{
	top:0px;
	left:0px;  
	position:absolute;  
    	width:200px;height:50px;top:10px;right:10px;  
    	padding:16px;background:#FFFFFF;  
    	border:2px solid black;  
    	z-index:0;
    	overflow:auto;

	width:300px;
	height:1500px;
	top:10px;
	right:10px;
	background-color:rgba(255,255,255,0.9);	
}

.hidden{
	top:0px;
	left:0px;  
	position:absolute;  
    	padding:16px;
	background:#FFFFFF;  
    	border:0px;  
    	z-index:0;
    	overflow:hidden;

	width: 0px;
	height:0px;
	top:10px;
	right:10px;
	background-color:rgba(255,255,255,0.0);
	opacity:0.0;
)

.selected {
	border: 1px green;
}

.deselected {
	border: none;
}





}

